<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Pagination</title>

        <!-- Stylesheet -->
        <link rel="stylesheet" href="../assets/css/Pagination.css" />
    </head>

    <body>
        <main>
            <div class="header">
                <p class="title">Pagination</p>
            </div>
            <div class="content">Loading...</div>
            <div class="pagination">
                <a class="pagination__link" href="#">1</a>
                <a class="pagination__link" href="#">2</a>
                <a class="pagination__link" href="#">3</a>
                <a class="pagination__link" href="#">4</a>
                <a class="pagination__link" href="#">5</a>
                <a class="pagination__link" href="#">6</a>
                <a class="pagination__link" href="#">7</a>
                <a class="pagination__link" href="#">8</a>
                <a class="pagination__link" href="#">9</a>
                <a class="pagination__link" href="#">10</a>
            </div>
        </main>

        <footer>
            API Used : <a target="_blank" href="https://jsonplaceholder.typicode.com/"> JSON Placeholder API</a>
        </footer>

        <!-- Script -->
        <script src="../assets/js/Pagination.js"></script>
    </body>
    
</html>